<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Metadata Input</title>
    </head>
    <body>
        <div style="display: inline-block; overflow: hidden" th:fragment="input">
            <table th:fragment="input" class="detailsTable">
                <tbody>
                    <tr>
                        <th><span class="fieldRequired">Product ID</span></th>
                        <td>
                            <input type="number" th:field="*{productId}" required="required" th:errorclass="fieldError" value="3453" />
                            <p th:if="${#fields.hasErrors('productId')}" th:errors="*{productId}" class="fieldErrorMessage">Incorrect Product ID</p>
                        </td>
                    </tr>
                    <tr>
                        <th><span class="fieldRequired">Indentifier</span></th>
                        <td>
                            <input type="text" th:field="*{indentifier}" required="required" th:errorclass="fieldError" value="language" />
                            <p th:if="${#fields.hasErrors('indentifier')}" th:errors="*{indentifier}" class="fieldErrorMessage">Incorrect indentifier</p>
                        </td>
                    </tr>
                    <tr>
                        <th><span class="fieldRequired">Value</span></th>
                        <td>
                            <input type="text" th:field="*{value}" required="required" th:errorclass="fieldError" value="German" />
                            <p th:if="${#fields.hasErrors('value')}" th:errors="*{value}" class="fieldErrorMessage">Incorrect value</p>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
</html>
